<template>
<Suspense>
  <template #default>
    <SyncVue></SyncVue>
  </template>
  <template #fallback>
    <skeleton></skeleton>
  </template>
</Suspense>
</template>
<script setup lang="ts">
import { defineAsyncComponent } from 'vue';
const SyncVue=defineAsyncComponent(()=>import('../components/expame/sync.vue'))
import skeleton from '../components/expame/skeleton.vue'
</script>

<style>
@media (min-width: 1024px) {
  .about {
    min-height: 100vh;
    display: flex;
    align-items: center;
  }
}
</style>
